/* CSS Document */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
*{margin: 0;padding: 0;}
body{ margin:0; padding:0; font-size:14px; line-height:26px; color:#333; font-family:"Î¢ÈíÑÅºÚ";}
img{ border: none}
ul li{margin:0; padding:0; list-style:none;}
a img{ border:0}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 
a{ text-decoration:none; color:#333;}
a:hover{ color:#0484be;}
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}

.top{ width:100%; height:5px; background:#c7e2f8;}
.head{ width:100%; height:110px; background:url(../images/head_bg.jpg) repeat-x;}
.logo{ margin-top:15px;}
.language{ margin-top:18px;}
.language ul li{ float:left; height:16px; margin-left:20px; font-size:12px;}
.l_line{ width:1px; height:16px; background:#959595; margin-top:5px;}
.language ul li span{ position:relative;top:4px; margin-right:5px;}
.language ul li a{ color:#333;}
.language ul li a:hover{ color:#0084ca;}
.tel{ margin-top:20px;}

/*Ö÷µ¼º½²Ëµ¥*/
#nav-menu{height:45px;width:1200px;margin:0 auto;}
#nav-menu .container{position:relative;overflow:visible; z-index:999;}
#nav-menu .menu li{position:relative;float:left;display:inline;font-size:16px; width:170px; text-align:center; line-height:45px;}
#nav-menu .menu li h3{font-weight:normal;display:inline-block;float:left;}
#nav-menu .menu li a.xialaguang{display:inline-block;color:#FFF;height:45px;text-decoration:none;font-size:16px;width:170px;text-align:center;}
#nav-menu .menu li a.selected,#nav-menu .menu li a.navhover,#nav-menu .menu li a.xialaguang:hover{color:#ffffff;}
#nav-menu .menu li a.navhover, #nav-menu .menu li a.xialaguang:hover{background-color:#0484be;}
#nav-menu .menu li a.xialaguang span{height:45px;display:inline-block;}
#nav-menu .menu li a.selected span,#nav-menu .menu li a.navhover span,#nav-menu .menu li a.xialaguang:hover span{cursor:pointer;}
#nav-menu .menu li a.navhover span, #nav-menu .menu li a.xialaguang:hover span{width:170px;}
#nav-menu .menu ul.children{display:none;position:absolute;top:45px;left:0;width:170px;background:#0484be;border-top:0;line-height:normal; z-index:100;}
#nav-menu .menu ul.children li{width:170px;padding:0px;display:inline-block;font-size:12px;border-top:1px solid #efefef;}
#nav-menu .menu ul.children li h3{display:block; width:100%;}
#nav-menu .menu ul.children li a{width:100%;height:30px;line-height:30px;overflow:hidden;padding:3px 0;display:block;color:#ffffff;text-align:center;
text-decoration:none; font-size:14px;}
#nav-menu .menu ul.children li a:hover{background-color:#0370a2;text-decoration:none;}


.nav{ width:100%; height:45px; background:url(../images/nav_bg.jpg) repeat-x;}

.banner{ position:relative; z-index:10;}
.fy_con{ background:#f9f9f9; overflow:hidden;}
.about_con{ background:#ffffff; border:1px solid #d3d2ca;box-sizing: border-box;overflow:hidden; padding-bottom:30px;}
.about_nei{ padding:30px;}
.a_line{ width:245px; height:6px; background:#019fe8;}
.a_tu{ border:1px solid #e5e5e7;}
.a_nav{ border-left:1px solid #e5e5e7; border-right:1px solid #e5e5e7; border-bottom:1px solid #e5e5e7;}
.a_nav ul{ width:95%; margin:0 auto; padding-top:5px; padding-bottom:10px;}
.a_nav ul li{ border-bottom:1px dotted #9a9a9a;}
.a_nav ul li a{ display:block; background:url(../images/nav.png) no-repeat 210px center; padding-left:10px; padding-right:10px; line-height:40px; color:#333;}
.a_nav ul li a:hover{ background: url(../images/nav_on.png) no-repeat 210px center #019FE8; color:#FFFFFF; text-decoration:none;}
.lx_line{ width:245px; height:5px; background:#dcdcdc; margin-top:20px;}
.lx_nei{ background:#eeeeee;}
.lx_tu{ padding-top:30px; text-align:center; padding-bottom:20px;}
.lx_txt{ margin-left:20px; line-height:32px; padding-bottom:30px;}
.lx_txt span{ position:relative;top:3px; margin-right:10px;}
.about_rtit{ border-left:4px solid #a3dcf7; height:24px; padding-left:15px; font-size:20px; color:#019fe8; line-height:24px;}
.about_rtit span{ color:#8e8e8e; font-size:14px; text-transform:uppercase; margin-left:5px;}
.about_right{ width:855px;}
.wz{ font-size:12px; color:#8e8e8e;}
.wz span{ position:relative; margin-right:5px;top:2px;}
.about_line{ width:855px; height:2px; background:#0aa4ea; margin-top:20px; margin-bottom:30px;}
.about_txt p{ text-indent:2em; line-height:36px;}
.fy_con{ padding-bottom:60px;}
.cul_txt{ line-height:36px;}
.col-md-4{ margin-left:10px; margin-right:10px; border:1px solid #dddddd; margin-bottom:30px;}

.hrdemand{ line-height:25px; font-size:14px; font-family:"Î¢ÈíÑÅºÚ"; border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; }
.hrdemand td{ border-right:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; height:25px; text-align:left;}
#hrdemand a{ color:#FF0000;}

.kf_txt{ color:#666666; margin:0 auto;width:650px; margin-top:20px;}
.kf_con{ width:750px; margin:0 auto;}
.kf_con01{ width:310px;}
.kf_line{ width:750px; border-bottom:1px dashed #CCCCCC; margin:0 auto; margin-top:10px;}
.feedback-form {
  width: 100%;
  text-align: justify;
}
.feedback-form .form-row {
  display: inline-block;
  width: 49%;
  text-align: left;
}
.feedback-form .form-row-full {
  width: 100%;
}
.feedback-form input {
  height: 32px;
}
.feedback-form input[readonly] {
  color: #666;
}
.form-row01{ width:150px; margin:10px auto;}
.feedback-form input,
.feedback-form textarea {
  line-height: 2;
  display: block;
  width: 100%;
  margin: 8px 0;
  padding-left: 6px;
  -webkit-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid #e5e5e5;
  outline: none;
}
.feedback-form input:focus,
.feedback-form textarea:focus {
  border-color: #2496e5;
  outline: none;
}
.feedback-form input:hover,
.feedback-form textarea:hover {
  border-color: #2496e5;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 5px rgba(22, 79, 185, 0.3);
}
.feedback-form textarea {
  height: 160px;
  max-height: 250px;
  resize: vertical;
}
.feedback-form .submit {
  font-size: 16px;
  display: inline-block;
  padding: 6px 30px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: none;
  background: rgba(207, 0, 2, 0.9);
}
.feedback-form .submit:hover {
  text-decoration: none;
  background: #e73133;
}
.feedback-form .submit.disabled {
  opacity: .8;
}

.cate-title .icon-product {
    background-position: -50px 0;
}


.cate-tree .level-1 > li.more::after {
  background-position: -12px 0;
}

.cate-tree .level-1 > li.more:hover::after {
  background-position: -72px 0;
}

.cate-tree .level-1 > li.more.active::after {
  background-position: -84px 0;
}


.ueditor a{ color:#555555;}
.ueditor a:hover{ color:#0072C4;}

#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(../iimages/80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:557px; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(images/whiteloading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(images/mbnumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/customblackprevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/customblacknext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/customblackclose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }
.layout_default{float:left; width:31%; margin:0 1% 3% 1%;}
.layout_default ._mask { position:absolute; top:100%; left:0; width:100%; height:100%; opacity:0; background:url(../images/about11.png) no-repeat center center; -webkit-transition:all 0.3s ease; transition:all 0.3s ease;  }
.layout_default:hover ._mask { top:0; opacity:1; -webkit-transition-delay:0.1s; transition-delay:0.1s; }
.mod_gallerylist{width:100%; margin:0 auto}
.meta{font-size:16px; line-height:22px; text-align:center; color:#fff; padding:15px 0px; background:#c2c2c2;}
.layout_default:hover .meta{ background-color:#a28040;}
.image_container{ padding:4% 4%; background:#e8e8e8;}
.image_container img{ width:100%;}
.meta a{color:#333; text-decoration:none}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}